import React, { Component, Fragment } from 'react'

/**
 * 一、tsx/jsx语法
 * 1. htmlFor
 * 2. className
 * 3. 事件写法 onClick
 * 4. 注释 {}
 * 5. 三目判断 -> jsx/tsx 规定
 * 6. 循环使用什么？map ->
 * 7. css 模块化 css in js 写法 （scss）
 * 二、路由
 *   react-router-dom
 *
 *   导航守卫 + 权限 => RBAC
 *
 * 三、redux
 *
 * 三大原则是什么？
 * 1. 单一数据源
 * 2. 数据只读不能改
 * 3. 使用 reducer 修改数据（vuex-mutations）
 *
 *
 *
 *
 */
const Grammar = () => {
  return (
    <div className="">
      {/* 受控组件 */}
      <label htmlFor="check"></label>
      <input type="text" name="" id="check" />
      {/*  */}
    </div>
  )
}

export default Grammar
